<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>苏醒</title>
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="css/lib/fullpage.css">
    <link rel="stylesheet" type="text/css" href="css/near_history.css">
    <script src="js/lib/jquery-3.3.1.min.js" rel="script" type="text/javascript"></script>
    <script src="js/lib/bootstrap.min.js" rel="script" type="text/javascript"></script>
    <script src="js/lib/fullpage.js" rel="script" type="text/javascript"></script>
    <script src="js/near_history.js" rel="script" type="text/javascript"></script>
</head>
<body>
<div id="fullSection">
    <div class="section page1">
        <div class="logo"></div>
        <div class="dh">
            <ul class="dh_con">
                <li>
                    <a href="index.html" class="nav-underline" target="_blank">华夏</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="now.html" class="nav-underline" target="_blank">复兴</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="board.html" class="nav-underline" target="_blank">留言板</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <span href="" class="nav-underline">个人中心</span>
                    <div class="second_nav">
                        <ul>
                            <li><a href="login.html" target="_blank">登陆</a></li>
                            <li><a href="register.html" target="_self">注册</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>

        <div class="science-inner inner">
            <a class="stiteml st2" href="javascript:void(0)" rel="0,-350,0,37" style="left: 0px; top: -350px;">公元1839年，林则徐虎门硝烟</a>
            <a class="stiteml st3" href="javascript:void(0)" rel="0,-350,0,85" style="left: 0px; top: -350px;">公元1840年，鸦片战争爆发</a>
            <a class="stiteml st5" href="javascript:void(0)" rel="1010,116,620,90" style="left: 1010px; top: 116px;">公元1842年，《南京条约》签订<br>中国开始沦为半殖民地半封建社会</a>
            <a class="stiteml st6" href="javascript:void(0)" rel="1010,146,620,140" style="left: 1010px; top: 146px;">公元1856年，第二次鸦片战争</a>
            <a class="stitemr st12" href="javascript:void(0)" rel="-710,433,0,433" style="left: -710px; top: 433px;">公元1860年，<span
                    class="bold">洋务运动</span>开始</a>
            <a class="stiteml st17" href="javascript:void(0)" rel="761,1050,500,656" style="left: 761px; top: 1050px;">公元1898年，<span
                    class="bold">戊戌变法</span>开始</a>
            <a class="stimg1" href="javascript:void(0)" rel="0,-350,0,153" style="left: 0px; top: -350px;">
                <img src="images/near_history/page1/yapian_war.png">
            </a>
            <a class="a_nuli" href="javascript:void(0)" rel="980,2,230,35" style="left: 980px; top: 2px;">
                殖民地
            </a>
            <a class="a_fengjian" href="javascript:void(0)" rel="-407,350,330,350" style="left: -407px; top: 350px;">
                半封建
            </a>
            <a class="stimg4" href="javascript:void(0)" rel="761,850,640,250" style="left: 761px; top: 850px;">
                <img src="images/near_history/page1/wuxu.png">
            </a>
        </div>
    </div>
    <div class="section page2">
        <div class="logo"></div>
        <div class="dh">
            <ul class="dh_con">
                <li>
                    <a href="index.html" class="nav-underline" target="_blank">华夏</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="now.html" class="nav-underline" target="_blank">复兴</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="board.html" class="nav-underline" target="_blank">留言板</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <span href="" class="nav-underline">个人中心</span>
                    <div class="second_nav">
                        <ul>
                            <li><a href="login.html" target="_blank">登陆</a></li>
                            <li><a href="register.html" target="_self">注册</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="famous-inner inner">
            <a class="faitemr fa1" href="javascript:void(0)" rel="90,-180,0,150" style="left: 90px; top: -180px;">
                1894年<span class="bold">甲午海战</span>
            </a>
            <a class="faiteml fa5" href="javascript:void(0)" rel="1280,227,600,150" style="left: 1280px; top: 227px;">
                公元1895年，中国战败<br><span class="bold">《马关条约》</span>签订
            </a>
            <a class="faiteml fa10" href="javascript:void(0)" rel="-300,593,50,693" style="left: -300px; top: 593px;">
                公元1900年，八国联军侵占北京
            </a>
            <a class="faiteml fa1" href="javascript:void(0)" rel="-400,593,50,723" style="left: -400px; top: 593px;">
                公元1901年<span class="bold">《辛丑条约》</span>签订
            </a>
            <a class="faiteml fa12" href="javascript:void(0)" rel="1370,450,700,530" style="left: 1370px; top: 450px;">
                公元1911年，辛亥革命<br><span class="bold">中华民国成立</span>
            </a>
            <a class="a_han" href="javascript:void(0)" rel="200,-580,210,50" style="left: 200px; top: -580px;">
                <img src="images/near_history/page2/jiawu_war.png">
            </a>
            <a class="a_sui" href="javascript:void(0)" rel="980,366,520,366" style="left: 980px; top: 366px;">民<br>国</a>
            <a class="a_jin" href="javascript:void(0)" rel="-300,387,149,420" style="left: -300px; top: 387px;">
                <img src="images/near_history/page2/puyi.png">
            </a>
        </div>
    </div>
    <div class="section page3">
        <div class="logo"></div>
        <div class="dh">
            <ul class="dh_con">
                <li>
                    <a href="index.html" class="nav-underline" target="_blank">华夏</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="now.html" class="nav-underline" target="_blank">复兴</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="board.html" class="nav-underline" target="_blank">留言板</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <span href="" class="nav-underline">个人中心</span>
                    <div class="second_nav">
                        <ul>
                            <li><a href="login.html" target="_blank">登陆</a></li>
                            <li><a href="register.html" target="_self">注册</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="social-inner inner">
            <a class="soiteml so2" href="javascript:void(0)" rel="450,-175,450,110" style="left: 450px; top: -175px;">1919年，巴黎和会召开，五四运动爆发</a>
            <a class="soiteml so3" href="javascript:void(0)" rel="450,-175,450,130" style="left: 450px; top: -175px;">1921年，<span
                    class="bold">中国共产党</span>成立</a>
            <a class="soiteml so4" href="javascript:void(0)" rel="450,-175,450,180" style="left: 450px; top: -175px;">1931年，九一八事变，东北沦陷</a>
            <a class="soiteml so5" href="javascript:void(0)" rel="980,258,450,508" style="left: 980px; top: 258px;">1948-1949，三大战役</a>
            <a class="soiteml so9" href="javascript:void(0)" rel="980,428,450,545" style="left: 980px; top: 428px;">1949年2月，渡江战役<br>人民解放军解放南京</a>
            <a class="soiteml so10" href="javascript:void(0)" rel="-405,369,162,439" style="left: -405px; top: 369px;">1937年，卢沟桥事变，日本全面侵华战争爆发</a>
            <a class="soiteml so10" href="javascript:void(0)" rel="-405,369,162,459" style="left: -405px; top: 369px;">1945年，日本战败，<span
                    class="bold">抗战胜利</span></a>
            <a class="soiteml so10" href="javascript:void(0)" rel="-405,369,162,509" style="left: -405px; top: 369px;">1946年，解放战争爆发</a>
            <a class="soitemr so15" href="javascript:void(0)" rel="376,1050,430,710" style="left: 376px; top: 1050px;">1949年，<span
                    class="bold">中华人民共和国</span>成立</a>
            <a class="a_tang" href="javascript:void(0)" rel="156,-195,156,50" style="left: 156px; top: -195px;">
                <img src="images/near_history/page3/wusiyundong.png">
            </a>
            <a class="a_song" href="javascript:void(0)" rel="-405,186,155,226" style="left: -405px; top: 186px;">
                <img src="images/near_history/page3/ribentouxiang.png">
            </a>
            <a class="a_yuan" href="javascript:void(0)" rel="980,186,675,390" style="left: 980px; top: 186px;">
                <img src="images/near_history/page3/dujiangzhanyi.png">
            </a>
            <a class="a_qing" href="javascript:void(0)" rel="-400,1000,156,620" style="left: 507px; top: 850px;">
                <img src="images/near_history/page3/new_china.png">
            </a>
        </div>
    </div>
</div>
</body>
</html>